<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

    <link rel="stylesheet" href="/public/style.css" />
    <script src="/public/jquery.min.js"></script>
    <script src="/public/dayjs.min.js"></script>

    <title>Labels - dictplus</title>

    <style>
      .LabelsList {
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem 0.5rem;
      }

      .LabelItem {
        /* margin-bottom: 0.25rem; */
        font-size: 1em !important;
        cursor: pointer !important;
      }

      .LabelItem:hover {
        text-decoration: none;
      }

      .form-check-inline {
        display: inline;
      }

      .form-check-inline + .form-check-inline {
        margin-left: 1rem;
      }
    </style>
  </head>
  <body>
    <div id="root"></div>

    <script type="module" src="/public/ts/dist/mj.js"></script>
    <script type="module" src="/public/ts/dist/util.js"></script>
    <script type="module" src="/public/ts/dist/labels.js"></script>
  </body>
</html>
